{extend name="template/pc/cms-red/_base.html" /}
{block name="main"}

<div class="cont-pc">

    <div class="cont-contact">

        {include file="template/pc/cms-red/_right.html"}

        <div class="cont-box">

            <div class="container">

                <div class="pro-list">
                    <ul>
                        {volist name="list" id="vo" empty="$empty"}
                        <li>
                            <a title="{$vo.title}" href="{:url(\''.$cateInfo.model.'/detailed',['id'=>$vo.id,'navid'=>$vo.cid])}">
                                <div class="pro-img">
                                    <img alt="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                                </div>

                                <div class="pro-cons">
                                    <div class="pro-title">{$vo.title}</div>
                                    <div class="pro-txt">{$vo.miaoshu}</div>
                                    <div class="pro-time">
                                        <span class="pro-time-issue"></span>
                                        <span class="pro-time-right">
                                            <i class="fa fa-long-arrow-right"></i>
                                        </span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {/volist}

                    </ul>
                </div>

                <div class="page-content">
                    <ul class="pagination">
                        <li>
                            <span>{:lang('Common')} {$list->total()} {:lang('Strip')} / {$list->lastPage()} {:lang('Page')}</span>
                        </li>
                    </ul>
                    {$list->render()}
                </div>

                <div class="recommend">

                    <div class="recom-title-box">
                        <a title="" href="">
                            <h2>推荐新闻</h2>
                        </a>
                        <b class="fa fa-angle-left"></b>
                        <i class="fa fa-angle-right"></i>
                    </div>

                    <div class="recom-list img-scale">
                        <ul>
                            <li>
                                <a title="" href="">
                                    <div class="recom-img img-hidden">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a title="" href="">
                                    <div class="recom-img img-hidden">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a title="" href="">
                                    <div class="recom-img img-hidden">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a title="" href="">
                                    <div class="recom-img img-hidden">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    <div class="cont-contact">

        <div class="cont-box">

            {include file="template/pc/cms-red/_right.html"}

            <div class="container">

                {include file="template/pc/cms-red/_left.html"}

                <div class="m-other-cont o-Pother-list">
                    <ul>
                        {volist name="list" id="vo" empty="$empty"}
                        <li>
                            <a title="{$vo.title}" href="{:url(\''.$cateInfo.model.'/detailed',['id'=>$vo.id,'navid'=>$vo.cid])}">
                                <div class="other-img">
                                    <img alt="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'sm_nopic.jpg'}">
                                </div>

                                <div class="other-txt">
                                    <div class="other-txt-title">{$vo.title}</div>
                                    <div class="other-txt-icon"><i class="fa fa-long-arrow-right"></i></div>
                                </div>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>

                <div class="page-content">
                    <ul class="pagination">
                        <li>
                            <span>{$list->total()}/{$list->lastPage()}</span>
                        </li>
                    </ul>
                    {$list->render()}
                </div>

            </div>

        </div>

    </div>

</div>

{/block}